<template>
  <div class="container">
    <van-nav-bar fixed title="分类" />
    <van-grid :gutter="20" :column-num="2">
      <van-grid-item  to="/list" icon="gem" text="科技" />
      <van-grid-item  to="/list" icon="diamond" text="时尚" />
      <van-grid-item  to="/list" text="1232" />
      <van-grid-item  to="/list" icon="manager" text="3636" />
      <van-grid-item  to="/list" icon="manager" text="5656" />
      <van-grid-item  to="/list" icon="wap-nav" text="但是这个" />
      <van-grid-item  to="/list" icon="chat" text="段子" />
      <van-grid-item  to="/list" icon="cart" text="汽车" />
      <van-grid-item  to="/list" icon="photo" text="图片" />
      <van-grid-item  to="/list" icon="live" text="娱乐" />
      <van-grid-item  to="/list" icon="wap-home" text="1111111" />
    </van-grid>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="less">
.van-grid{
  margin-top: 40px;
}
</style>